<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'GuanWang.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
    <link rel="stylesheet" href="css/jianguoProXing.css" type="text/css">
	<script src="js/jquery-1.8.3.js"></script>
	<script src="js/GuanWang.js"></script>
  </head>
  
  <body>
<!--页头-->
<div class="fcfcfc">
    <div class="kuan1220">
        <div class="display"><a href="shouye.html"><img src="images/锤子科技官网_03.gif"/></a></div>
        <div class="display2">在线商城</div>
        <div class="display3">坚果Pro 2</div>
        <div class="display3">坚果Pro</div>
        <div class="display3">Smastisan OS</div>
        <div class="display3">欢喜云</div>
        <div class="display3">应用下载</div>
        <div class="display3">官方论坛</div>
        <div class="display3">丨</div>
        <div class="display3"><img src="images/锤子科技官网_06.gif"/></div>
        <div class="display4"><img src="images/锤子科技官网_08.gif"/></div>
    </div>
</div>
<!--第二行-->
<div id="f6f6f6">
    <div class="kuan12200">
        <div class="zuo1">概览&nbsp;&nbsp;&nbsp; 设计&nbsp;&nbsp;&nbsp; 功能&nbsp;&nbsp;&nbsp; 操作系统&nbsp;&nbsp;&nbsp; 技术规格</div>
        <div class="you1">优先购买码&nbsp;&nbsp;&nbsp;丨&nbsp;&nbsp;&nbsp;手机回收置换计划</div>
    </div>
    <div class="ban">
        <div class="k1">
            <div class="zuo1"><h2>坚果 Pro 2&emsp;&emsp;&emsp;</h2>概览&nbsp;&nbsp;&nbsp; 设计&nbsp;&nbsp;&nbsp; 功能&nbsp;&nbsp;&nbsp; 操作系统&nbsp;&nbsp;&nbsp; 技术规格</div>
            <div class="you1">优先购买码&nbsp;&nbsp;&nbsp;丨&nbsp;&nbsp;&nbsp;手机回收置换计划</div>
        </div>
    </div>
</div>
<!--坚果Pro2介绍-->
<div class="f7">
    <!--宽1220-->
    
    <div class="kuan12202">
        <!--左图--><!-- .attr('src','') -->
        <div class="lefttu"><img src="images/锤子科技官网_14.gif" width="231" height="399"/></div>
        <!--右介绍-->
        <div id="right2">
            <div >坚果 Pro 2</div>
            <div>高通骁龙 660 处理器 · 1200 万 + 500 万像素双摄像头 · 3500mAh 大电池 · 18W 快速充电 · 人脸解锁 + 指纹解锁</div>
            <div id="rightDiv3">
                <div id="DivOne">
                    <div id="left4">颜色选择</div>
                    <div id="right4">
                        <div>
                            <div><div class="biank"><img src="images/origin01.png" height="35" width="35"/></div><span>酒红色</span></div>
                            <div><div class="biank"><img src="images/origin02.png" height="35" width="35"/></div><span>浅金色</span></div>
                            <div><div class="biank"><img src="images/origin03.png" height="35" width="35"/></div><span>炭黑色</span></div>
                        </div>
                        <!--<div>-->

                            <!--</div>-->
                        <!--<div>-->

                        <!--</div>-->
                    </div>
                </div>
                <div>
                    <div>容量选择</div>
                    <div id="right3">
                        <div><span>4G + 32GB</span><div class="none1">1799.00</div></div>
                        <div><span>4G + 64B</span><div class="none1">1999.00</div></div>
                        <div><span>6G + 64GB</span><div class="none1">2299.00</div></div>
                        <div><span>6G + 128GB</span><div class="none1">2699.00</div></div>
                        <div><span>6G + 256GB</span><div class="none1">3299.00</div></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--详细介绍-->
<div id="baifenbai">
    <div class="jishu">技术支持</div>
    <div class="k12201">
        <div class="left3">容量和内存</div>
        <div class="right3">
            <ul>
                <li>
                    <p> 4 + 32 版</p>
                    <p>32GB 机身存储</p>
                    <p>4GB 内存</p>
                </li>
                <li>
                    <p> 4 + 64 版</p>
                    <p>64GB 机身存储</p>
                    <p>4GB 内存</p>
                </li>
                <li>
                    <p> 6 + 64 版</p>
                    <p>64GB 机身存储</p>
                    <p>6GB 内存</p>
                </li>
                <li>
                    <p> 6 + 128 版</p>
                    <p>128GB 机身存储</p>
                    <p>6GB 内存</p>
                </li>
                <li>
                    <p> 6 + 256 版</p>
                    <p>256GB 机身存储</p>
                    <p>6GB 内存</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="k12201">
        <div class="left3">机身尺寸和重量</div>
        <div class="right3">
            <div class="leftzi">
                <p>高度 = 154.36mm</p>
                <p>宽度 = 73.36mm</p>
                <p>厚度 = 7.4mm</p>
                <p>重量 = 156g</p>
            </div>
            <div><img src="images/锤子科技官网_51.gif" height="426" width="711"/></div>
        </div>
    </div>
</div>
<!--固定-->
<div id="baifenbai2">
    <div class="kuan12204">
        <div class="left2">您已选择了
            坚果 Pro 2（<span class="yanse">炭黑色</span>，<span id="rongliang">4G + 32GB</span>)</div>
        <div class="right2">
            <span>¥</span> <span id="zj">1,999.00</span>
            <div class="blue" id="gouwuche"><a href="GouWuChe.html">加入购物车</a></div>
            <div class="blue">现在购买</div>
        </div>
    </div>
</div>
<!--页脚-->
<div id="yejiao">
    <div class="kuan">
        <div class="zuo">
            <ul id="hhhh">
                <li >
                    <p>订单服务</p>
                    <p>购买指南<br>支付方式<br>送货政策</p>
                </li>
                <li>
                    <p>服务支持</p>
                    <p>售后服务<br>维修门店<br>零售门店</p>
                </li>
                <li>
                    <p>自助服务</p>
                    <p>热点资讯<br>预约购买<br>订单物流</p>
                </li>
                <li>
                    <p>媒体中心</p>
                    <p>新闻动态<br>官方视频<br>图片资源</p>
                </li>
                <li>
                    <p>关于公司</p>
                    <p>公司简介<br>加入我们<br>联系我们</p>
                </li>
                <li>
                    <p>关注我们</p>
                    <p>新浪微博<br>官方微信<br>官方贴吧</p>
                </li>
            </ul>
        </div>
        <div class="you">
            <h3>400-626-5666</h3>
            <p class="p">周一至周六9：00-1800(仅收市话费)</p>
            <div id="xiao"><img src="images/官方在线商城---Smartisan_156.gif" height="14" width="15"/> 在线帮助</div>
        </div>
    </div>
    <hr>
    <div class="z">
        <p>Copyright © , Smartisan Digital Co., Ltd. All Rights Reserved.北京锤子数码科技有限公司 &emsp;|<span>法律声明</span> &emsp;|<span>隐私条款</span> &emsp;|<span>开发者中心</span><br>
            <span style="color: #5c5251">京ICP备14041720号-1京ICP证140622号京公网安备11010502025474</span>
        </p>
    </div>
    <div class="you2">
        <img src="images/官方在线商城---Smartisan_160.gif" height="15" width="23"/>&emsp;中文
    </div>
</div>
  </body>
</html>
